<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
</head>
<body>
	<div id="moduleHtml">
	 <div id="notePlainTextContainter">
	   <div id="title" data-options="
	     title : '标题' ,
	     collapsible : false ,
	     region : 'north' ,
	     height : 60
	   ">
	   <input id="idInput" type="hidden" >
	   <input id="titleInput" type="text" >
	   </div>
	   <div id="content"  class="easyui-layout" data-options="
	     title : '便签内容' ,
	     region : 'center'
	   ">
	   
	   
	   <div id="row1" data-options="	     region : 'north' ,	     height : 120	   ">
			     <div id="col11" data-options="  region : 'west' ,width : 190 ,title : '开心的事'  , collapsible : false  "><textarea id="g1" class="grid9-input"></textarea></div>
			     <div id="col12" data-options="  region : 'center'  ,title : '为别人做的事'   "><textarea id="g2" class="grid9-input"></textarea></div>
			     <div id="col13" data-options="  region : 'east' ,width : 190 ,title : '计划/工作/备忘'  , collapsible : false    "><textarea id="g3" class="grid9-input"></textarea></div>
			</div>
	   <div id="row2" data-options="	     region : 'center'	   ">
			     <div id="col21" data-options="  region : 'west' ,width : 190 ,title : '比昨天的进步' , collapsible : false   "><textarea id="g4" class="grid9-input"></textarea></div>
			     <div id="col22" data-options="  region : 'center'  ,title : '印象最深的事'   "><textarea id="g5" class="grid9-input"></textarea></div>
			     <div id="col23" data-options="  region : 'east' ,width : 190 ,title : '心情/感悟/灵感'   , collapsible : false   "><textarea id="g6" class="grid9-input"></textarea></div>
	   </div>
	   <div id="row3" data-options="	     region : 'south' ,	     height : 120	   ">
			     <div id="col31" data-options="  region : 'west' ,width : 190 ,title : '关注/八卦/新闻'  , collapsible : false  "><textarea id="g7" class="grid9-input"></textarea></div>
			     <div id="col32" data-options="  region : 'center'  ,title : '健康/饮食/体重'   "><textarea id="g8" class="grid9-input"></textarea></div>
			     <div id="col33" data-options="  region : 'east' ,width : 190 ,title : '梦境'   , collapsible : false   "><textarea id="g9" class="grid9-input"></textarea></div>
	   </div>
	   
	   
	   
	   </div>
	   <div id="buttons" data-options="
	     region : 'south' ,
	     height : 30
	   ">
	     <div id="buttonSubmit">保存</div>
	   </div>
	  </div>
	</div>
</body>
  <script>
  //cofit_module_js
    Cofit.moduleSourceCode.note_grid9=function(dom){
      var module = {
        dom : $(dom) ,        
        inited : false ,
        //显示
        show : function( typeId ,noteId){
		          var dom=$(module.dom).clone();
		          var containter=dom.find("#notePlainTextContainter");
		          
        	    //初始化
		          $("body").append(dom);
		          $(dom).window({    
		        	    title: "新建便签",    
		        	    width: 640,    
		        	    height: 480,    
		        	    closed: false ,    
		        	    cache: false ,    
		        	    modal: false ,
		        	});
		          
		          containter.layout({
		        	  fit : true
		          });
		          containter.find("#content").layout({
		        	  fit : true
		          });
		          containter.find("#row1").layout({
		          });
		          containter.find("#row2").layout({
		          });
		          containter.find("#row3").layout({
		          });
		          
		          containter.find("#buttonSubmit").linkbutton();
		          containter.find("#buttonSubmit").click(function(){
		        	  var param=module.getFormData(containter);
		        	  $.post("./note/save_note",{
		        		  id : param.id ,
		        		  type_id : typeId ,
		        		  title : param.title ,
		        		  content : JSON.stringify(param.content) ,
		        	  },function(resp){
		        		  if(resp.success){
		        			  $.messager.show({
		        				  msg : resp.msg ,
		        			  });
		        			  $(dom).window("close");
		        		  }
		        	  },"json")
		          });
		          
		          
		          
		          var date = new  Date();
		          var m=date.getMonth()+1;
		          var d=date.getDate();
		          
		          containter.find("#titleInput").val(date.getFullYear()+"年"+m+"月"+d+"日 日记");
		          
		          
		          
		          if(null!=noteId){
		        	  $.get("./note/get_note/"+noteId,{},function(note){
		        		  module.setFormData(containter,note);
		        	  },"json");
		          }
	          
		          module.inited=true;
        },
        setFormData : function(containter,note){
        	containter.find("#idInput").val(note.id);
        	containter.find("#titleInput").val(note.title);
        	var content=JSON.parse(note.noteJson);
        	for(var i=1;i<10;i++){
        		containter.find("#g"+i).val(content["g"+i]);
        	}
        } ,
        getFormData : function(containter){
        	var title = containter.find("#titleInput").val();
        	if($.trim(title)==""){
        		containter.find("#titleInput").val("无标题");
        		title="无标题";
        	}
        	var content={};
        	for(var i=1;i<10;i++){
        		content["g"+i]=containter.find("#g"+i).val();
        	}
        	return {
        		id : containter.find("#idInput").val() ,
        		title : title ,
        		content : content ,
        	};
        },
      };
      return module;
    };
  //cofit_module_js
  </script>
</html>